<template>
	<view class="viewbox auto p-top30">
		
		<view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" 
		     @click="toUrl(`/pages/my/Account`)">
			<view class="d-flex a-center">
				<view class="iconfont icon-zhanghaoanquan2 white size42"></view>
				<text class="white size30 m-left20">账号安全</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view>
		<!-- <view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20">
			<view class="d-flex a-center">
				<view class="iconfont icon-shoujihaoma white size42"></view>
				<text class="white size30 m-left20">手机号</text>
			</view>
			<text class="white size30">{{userInfo.phone}}</text>
		</view> -->
		
		
		<!-- <view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" @tap="go('myCollection')">
			<view class="d-flex a-center">
				<view class="iconfont icon-shoukuanrenguanli white size42"></view>
				<text class="white size30 m-left20">收款信息</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view>
		
		<view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" @tap="go('money')">
			<view class="d-flex a-center">
				<view class="iconfont icon-qianbao1 white size42"></view>
				<text class="white size30 m-left20">钱包地址</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view>
		
		<view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" @tap="go('Withdrawal')">
			<view class="d-flex a-center">
				<view class="iconfont icon-tixian white size42"></view>
				<text class="white size30 m-left20">提现中心</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view>
		
		<view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" @tap="go('myTeam')">
			<view class="d-flex a-center">
				<view class="iconfont icon-tuandui white size42"></view>
				<text class="white size30 m-left20">我的团队</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view> -->
		<view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" @tap="go('../login/privacyPolicy?type=3')">
			<view class="d-flex a-center">
				<view class="iconfont icon-guanyuwomen white size42"></view>
				<text class="white size30 m-left20">关于我们</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view>
		<view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" @tap="go('../login/privacyPolicy?type=1')">
			<view class="d-flex a-center">
				<view class="iconfont icon-jiuyexieyi white size42"></view>
				<text class="white size30 m-left20">用户协议</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view>
		
	
		
		<view class="row j-sb a-center padding30 bg28 bor_radius_20 m-bot20" @tap="go('../login/privacyPolicy?type=2')">
			<view class="d-flex a-center">
				<view class="iconfont icon-yinsitiaokuan white size42"></view>
				<text class="white size30 m-left20">隐私政策</text>
			</view>
			<view class="iconfont icon-a-zujian32 color_ccc size16"></view>
		</view>
		
		
		<view class="viewbox auto bg28 bor_radius_20 flexac padding30 m-top100 color_FF7 size30" @tap="loginOut">退出登录</view>
		
	</view>
</template>

<script>
	import {mapState,mapMutations} from 'vuex';
	export default {
		data() {
			return {
				rank_id: '',
				userInfo: {}
			}
		},
		onHide() {},
		onShow() {
			this.getMemInfo();
			console.log(this.realname);
		},
		methods: {
			...mapMutations(['getRealname']),
			loginOut() {
				this.confirm('提示', '确认退出登录吗？', () => {
					uni.clearStorageSync();
					this.toast('退出成功');
					setTimeout(() => {
						uni.reLaunch({
							url: '../login/login'
						})
					}, 1000)
				});
			},
			getMemInfo() {
				this.$http.get('user/userInfo').then(res => {
					if (res.code == 1) {
						this.getRealname(res.data);
						this.userInfo = res.data;
						this.showSrc = res.data.head_image;
					}
				})
			}
		},
		
		computed:{
			...mapState(['realname'])
		}
	}
</script>

<style>
	page {
		background-color:  #1e201f;
	}
</style>

<style lang="scss" scoped>
	
</style>
